<!--
 * @authors 沙洲 chenchenyixin@qq.com http://gitee.com/shazhou
 * @date    2019-12-28 22:20:43
-->
<template>
  <panel title="理财精选">
  	<section class="content">
  		<div class="item border-bottom" v-for="(item,index) of items" :key="index">
  			<img class="left" :src="item.src" alt="">
  			<div class="center">
	  			<p class="title">{{item.title}}</p>
	  			<p class="dsc">{{item.dsc}}</p>
  			</div>
  			<div class="right">
  				{{item.go}}<nut-icon type="right" size="12px" color="#FF801A"></nut-icon>
  			</div>
  		</div>
  	</section>
  </panel>
</template>

<script>
import panel from '../../../components/panel.vue'
export default {
  name: 'welfare',
  data(){
	  return{
	  	items:[{
	  		src:'//img12.360buyimg.com/jrpmobile/jfs/t4378/62/155957680/9017/16463551/58affd58Nb5c9198e.jpg?width=120&height=120',
	  		title:'开通白条',
	  		dsc:'送188元礼包',
	  		go:'立即开通'
	  	},{
	  		src:'//img12.360buyimg.com/jrpmobile/jfs/t4150/330/141981421/9147/604e3e04/58affc3bNbfa8f9d7.jpg?width=120&height=120',
	  		title:'白条闪付',
	  		dsc:'新手享158元礼包',
	  		go:'随机立减'
	  	},{
	  		src:'//img12.360buyimg.com/jrpmobile/jfs/t4270/96/1102370053/8651/58b7fa5a/58bd2e10N453e9464.jpg?width=120&height=120',
	  		title:'白条提额',
	  		dsc:'金融app专享提额礼包',
	  		go:'去提额'
	  	}]
	  }
  },
  props:{
  
  },
  components:{
  	panel
  },
  created(){

  },
  mounted(){

  },
  methods:{

  }
}
</script>
<style lang="stylus" scoped>
@import '~@/assets/stylus/mixins.styl'
.content
	width:100%
	overflow:hidden
	padding:10px 20px
	box-sizing:border-box
	list(flex,column)
	.item
		width:100%
		overflow:hidden
		padding:10px 0
		box-sizing:border-box
		list(flex,row)
		&:last-child::before
			border:none
		.left
			width:50px
			height:50px
		.center
			flex:1
			padding:0 10px
			list(flex,column)
			justify-content:center
			align-items:flex-start
			p
				color:#ff3232
				&:first-child
					font-size:18px
					color:#333
					margin-bottom:5px
		.right
			font-size:16px
			color:#FF801A
			list(flex,row)
			justify-content:center
			align-items:center

</style>


